<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>欢迎登陆系统后台</title>
    <link rel="stylesheet" href="/web/res/css/xadmin.css">
    <link rel="stylesheet" href="/web/res/wangEditor/wangEditor.css">

    <script src="/web/res/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/web/res/js/xadmin.js"></script>
    <script type="text/javascript" src="/web/res/js/jquery.min.js"></script>
    <style>
        #content {
            height: 465px;
            background-image: url('/web/res/images/content_bg.gif');
            background-repeat: no-repeat;
            background-position: right;
        }

        #content img {
            float: left;
            margin-left: 200px;
            margin-top: 100px;
        }

        #wrap {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: 100%;

        }

        .title {
            height: 36px;
            line-height: 36px;
            background-image: url('/web/res/images/t_bg.gif');
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #9b9b9b;
            background-position: right;
            background-repeat: no-repeat;
            text-align: left;
            text-indent: 50px;
            font-size: 12px;
        }

        .title span {
            margin-left: 50px;
        }

        .main {
            width: 100%;
        }
    </style>
</head>


<body style="background-color: white;">
<div id="wrap">
    <div class="title">
        <b>${user.name!''}</b> ${str_hours!''} 欢迎使用后台管理系统<span>当前日期: <b>${str_date!''}</b> &nbsp;<b>${str_week!''}</b> &nbsp; <b
            id="Clock"></b> </span>
    </div>
</div>

</div>
<div id="content">
    <!--统计-->
    <div class="layui-bg-gray" style="padding: 30px;">
        <form class="layui-form layui-col-space5" type="post" action="/web/welcome.html">
            选择时间：
            <div class="layui-input-inline layui-show-xs-block">
                <input class="layui-input" placeholder="日期" autocomplete="off" value="${(time)!''}" name="time"
                       id="time">
            </div>

            <div class="layui-input-inline layui-show-xs-block">
                <button class="layui-btn" lay-submit lay-filter="search">
                    <i class="layui-icon">&#xe615;</i>搜索
                </button>
            </div>
        </form>
        <div class="layui-row layui-col-space15">

            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">安卓 : ios 充值比例</div>
                    <div class="layui-card-body">${obj.proportion!''}</div>
                </div>
            </div>

            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">门票充值金额</div>
                    <div class="layui-card-body">${obj.todayMengPiao?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">今日门票充值总金额</div>
                    <div class="layui-card-body">${obj.todayMengPiaoAll?c!''}</div>
                </div>
            </div>

            <!-- 金额统计-->
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">今日钻石充值金额</div>
                    <div class="layui-card-body">${obj.todayChongzhi?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">钻石充值总金额</div>
                    <div class="layui-card-body">${obj.chongzhi?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">今日会员充值金额</div>
                    <div class="layui-card-body">${obj.todayVip?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">会员充值总金额</div>
                    <div class="layui-card-body">${obj.todayVipAll?c!''}</div>
                </div>
            </div>


            <!-- 日活-->
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">日活跃人数</div>
                    <div class="layui-card-body">${obj.activeToday!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">今日注册会员数</div>
                    <div class="layui-card-body">${obj.todayRegisterUsers?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">会员总注册数</div>
                    <div class="layui-card-body">${obj.users?c!''}</div>
                </div>
            </div>

            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">会员+钻石充值总金额</div>
                    <div class="layui-card-body">${obj.vipandchongzhi?c!''}</div>
                </div>
            </div>


            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">当前钻石总余额</div>
                    <div class="layui-card-body">${obj.diamondsAll?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">当前金币总余额</div>
                    <div class="layui-card-body">${obj.jinbi?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">今日礼物订单总数</div>
                    <div class="layui-card-body">${obj.gift?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">礼物订单总金额</div>
                    <div class="layui-card-body">${obj.giftAmount?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">今日礼物订单总金额</div>
                    <div class="layui-card-body">${obj.todayGiftAmount?c!''}</div>
                </div>
            </div>

            <!-- 当日统计  -->
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">今日签到用户数</div>
                    <div class="layui-card-body">${obj.signCountToday?c!''}</div>
                </div>
            </div>

            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">当前动态总数</div>
                    <div class="layui-card-body">${obj.dongtai?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">当前评论总数</div>
                    <div class="layui-card-body">${obj.pinglun?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">当前反馈总数</div>
                    <div class="layui-card-body">${obj.fankui?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">当前举报总数</div>
                    <div class="layui-card-body">${obj.jubao?c!''}</div>
                </div>
            </div>
        </div>
    </div>

    <!-- <img src="/web/res/images/welcome.gif"/> -->
</div>
</body>

<script>
    layui.use(['laydate', 'form'], function () {
        let $ = layui.$;
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#time' //指定元素
        });

    });

</script>

</html>

